<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view></router-view>
  </div>
</template>

<script>
import Vue from "vue";
import { NavBar } from "vant";

Vue.use(NavBar);
export default {
  // name: 'App'
  //根组件定义微信分享
};
</script>

<style>
@import url("./index.css");
@import url("./rest.css");
.van-address-list {
  padding: 0 !important;
}

/* 去掉地址前面的小圆点 */
/* .van-radio__icon.van-radio__icon--round{
    display: none;
} */
@supports (bottom: constant(safe-area-inset-bottom))
  or (bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
  }
}
@supports (bottom: constant(safe-area-inset-bottom)) {
  body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-right: constant(safe-area-inset-right);
  }
}
@supports (bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: env(safe-area-inset-bottom);
    padding-right: env(safe-area-inset-right);
  }
}

#app {
  font-family: "微软雅黑", "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  /* color: #2c3e50; */
  /* margin-top: 60px; */
}

/* 所有页面的背景颜色 */

:root {
  background-color: #f8f8f8;
  /* width: 100%; */
  /* height: 100%; */
}

/* 所有页面的背景颜色end*/

/* 底部样式 */

.van-nav-bar {
  background-color: #b43e3a !important;
  color: white;
}

.van-nav-bar .van-icon {
  color: #fff !important;
}

.van-nav-bar__title {
  color: #fff;
}

.van-icon-arrow:before {
  color: white;
}

.van-icon-share:before {
  color: white;
}

/* .van-picker__cancel:before{
    content:"取消"
  } */

/* .van-picker__confirm:after{
     content:"确认"
  } */

.van-address-item .van-icon-checked {
  color: #b43e3a;
}

.van-button--danger {
  background-color: #b43e3a;
  width: 80vw;
  left: 50%;
  margin-left: -40vw;
  border-radius: 6.667vw;
}

.footer {
  /* box-shadow: 0 1px 30px 0px #ccc; */
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 18.667vw;
  background: url("./assets/i/01/but.png") no-repeat bottom center/100% !important;
}

.footer ul {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 0.7em;
}

/* .footer a{
    display: block;
  } */

.footer ul li {
  width: 20%;
  padding: 2.667vw 0;
  box-sizing: border-box;
}

.footer ul li:nth-child(3) a {
  width: 26.667vw;
  height: 26.667vw;
}

.footer ul li:nth-child(3) {
  width: 20%;
}

.footer ul li:nth-child(3) img {
  width: 3em;
  height: 3em;
}

.footer ul li:nth-child(3) span {
  display: inline-block;
  background-color: #b43e3a;
  padding: 1.5em 1.5em;
  border-radius: 50%;
  position: absolute;
  top: -33%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  /* border: 1em solid #f8f8f8; */
  /* box-shadow: 0 11px 30px 0px #ccc; */
}

/* [class*=van-hairline]::after{
    border: none;
  } */

.footer img {
  width: 2.8em;
}

.footer ul li.active a {
  color: #b43e3a;
}

/* 底部样式end */

/* rest样式 */

* {
  padding: 0;
  margin: 0;
}

a {
  color: #888;
}

li {
  margin: 0;
  padding: 0;
}

li img {
  width: 2.133vw;
}

.van-stepper {
  margin-top: 0.267vw;
}

.van-stepper__input {
  padding: 0 !important;
  width: 8.333vw !important;
  height: 8.333vw !important;
}
.van-stepper__minus,
.van-stepper__plus {
  width: 8.333vw !important;
  height: 8.333vw !important;
}
.van-address-list__add {
  display: none;
  position: relative;
  left: 50%;
  /* transform: translateX(-50%); */
  margin-left: -100vw;
  margin-top: 10vw;
}
</style>
